
.index_swiper {
    swiper {
        width: 750rpx;  //100%
        height: 340rpx;
        swiper-item  { 
            height: 340rpx;
            navigator {  
                height: 340rpx;
                image {
                    width: 100%;
                    height: 340rpx;

                }

            }

        }
    }

}

// 

.index_cate {

    display: flex;
    navigator {
        flex: 1;
        padding: 20rpx;

        image {
      width: 100%;
        }

    }

}

.index_floor {

    .floor_group {

        .floor_title {
            padding: 20rpx;


            navigator {

                image {

                    width: 100%;

                }
    

            }
           
        }

/*
后面4张的 每一张图片的高度是第一张图片高度的一半



第一张图片的实际比例  232/386


h1/w1=h2/w2
第一张图片的宽度 33% 
第一张图片的高度 h1=h2/w2*w1=>   33% vw * (386/232)




第二张图片的宽度 33%
第二张图片的高度  第一张图片的等比拉伸后的高度/2   
 33% vw * (386/232)/2


*/

        .floor_content {
            overflow: hidden;

            navigator{
                width: 33.33%;
                height: 386rpx;
                float: left;

              


                &:nth-last-child(-n+4) {
                    height: 193rpx;
                    padding-left: 10rpx;
                    // height  :33.33vw * 386 /  232 /2 ;
                    
                }

               &:nth-child(2),
               &:nth-child(3)
                {
                //   padding-bottom: 10rpx;
                border-bottom: 10px solid #fff;
                }

                image {
                    width: 100%;
                    height: 100%;
 
                 }

 
            }
          
        }

    }

}
